/**
* 选择列表插件
* varstion 2.0.0
* by Houfeng
* Houfeng@DCloud.io
**/
.mui-pciker-list li,.mui-picker,.mui-picker-inner{box-sizing:border-box;overflow:hidden}
.mui-picker{background-color:#fff;position:relative;height:340px;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}
.mui-dtpicker,.mui-poppicker{left:0;background-color:#fff;box-shadow:0 -5px 7px 0 rgba(0,0,0,.1);-webkit-transition:.3s;width:100%}
.mui-picker-inner{position:relative;width:100%;height:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}
.mui-pciker-list,.mui-pciker-rule{box-sizing:border-box;padding:0;margin:-18px 0 0;width:100%;height:36px;line-height:36px;position:absolute;left:0;top:50%}
.mui-pciker-rule-bg{z-index:0}
.mui-pciker-rule-ft{z-index:2;border-top:solid 1px rgba(0,0,0,.1);border-bottom:solid 1px rgba(0,0,0,.1)}
.mui-pciker-list{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(750pt) rotateY(0) rotateX(0);transform:perspective(750pt) rotateY(0) rotateX(0)}
.mui-pciker-list li{width:100%;height:100%;position:absolute;text-align:center;vertical-align:middle;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1pc;font-family:"PingFang Medium",Helvetica,Arial,sans-serif;color:#a2a2a2;padding:0 8px;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;cursor:default;visibility:hidden}
.mui-pciker-list li.highlight,.mui-pciker-list li.visible{visibility:visible}
.mui-pciker-list li.highlight{color:#333}
.mui-poppicker{position:fixed;z-index:999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}
.mui-poppicker.mui-active{-webkit-transform:translateY(0)}
.mui-android-5-1 .mui-poppicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}
.mui-android-5-1 .mui-poppicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}
.mui-poppicker-header{padding:6px;font-size:14px;color:#888}
.mui-poppicker-header .mui-btn{font-size:1rem;padding:5px 10px}
.mui-poppicker-btn-cancel{float:left}
.mui-poppicker-btn-ok{float:right}
.mui-poppicker-clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden}
.mui-poppicker-body{position:relative;width:100%;height:200px;border-top:solid 1px #ddd}
.mui-poppicker-body .mui-picker{width:100%;height:100%;margin:0;border:none;float:left}
.mui-dtpicker{position:fixed;z-index:999999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}
.mui-dtpicker.mui-active{-webkit-transform:translateY(0)}
.mui-android-5-1 .mui-dtpicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}
.mui-android-5-1 .mui-dtpicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}
.mui-dtpicker-header{height:3rem}
.mui-dtpicker-header button{font-size:1rem;padding:0;color:#999;display: block;float: left;height: 3rem;width: 4.6rem;text-align: center;line-height:3rem;border:0 none;background-color: transparent;}
.mui-dtpicker-header button:last-child{float:right;color:#fb4e30;}
.mui-dtpicker-body{position:relative;width:100%;height:200px}
.mui-ios .mui-dtpicker-body{-webkit-perspective:75pc;perspective:75pc;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.mui-dtpicker-title{position: absolute;
    top: 130px;
    width: 100%;
    z-index: 9;}
.mui-dtpicker-title h5{display:inline-block;width:20%;margin:0;padding:8px;text-align:right;padding-right:4% }
[data-type=hour] [data-id=title-i],[data-type=hour] [data-id=picker-i],[data-type=month] [data-id=title-i],[data-type=month] [data-id=picker-d],[data-type=month] [data-id=title-d],[data-type=month] [data-id=picker-h],[data-type=month] [data-id=title-h],[data-type=month] [data-id=picker-i],[data-type=time] [data-id=picker-y],[data-type=time] [data-id=picker-m],[data-type=time] [data-id=picker-d],[data-type=time] [data-id=title-y],[data-type=time] [data-id=title-m],[data-type=time] [data-id=title-d],[data-type=date] [data-id=title-i],[data-type=date] [data-id=picker-h],[data-type=date] [data-id=title-h],[data-type=date] [data-id=picker-i]{display:none}
.mui-dtpicker .mui-picker{width:20%;height:100%;margin:0;float:left;border:none}
[data-type=hour] [data-id=picker-h],[data-type=hour] [data-id=title-h],[data-type=datetime] [data-id=picker-h],[data-type=datetime] [data-id=title-h]{border-left:dotted 1px #ccc}
[data-type=datetime] .mui-picker,[data-type=time] .mui-dtpicker-title h5{width:20%}
[data-type=date] .mui-dtpicker-title h5,[data-type=date] .mui-picker{width:33.3%}
[data-type=hour] .mui-dtpicker-title h5,[data-type=hour] .mui-picker{width:25%}
[data-type=month] .mui-dtpicker-title h5,[data-type=month] .mui-picker,[data-type=time] .mui-dtpicker-title h5,[data-type=time] .mui-picker{width:50%}
